<room-type1
        mks-draggable
        init-pos-x="400"
        init-pos-y="20"
        change-hovered-seat="changeHoveredSeat(seat)"
        select-seat="selectSeat(seat)"
        unselect-seat="unselectSeat(seat)"
        style="width: 550px;height: 450px "
>
<seat-block-type1 x="120px" y="20px">
    <seat-row-type1>
        <seat-type1 seat-model="seats[4]" direction="left"></seat-type1>
        <seat-type1 seat-model="seats[9]" direction="right"></seat-type1>
    </seat-row-type1>
    <seat-row-type1>
        <seat-type1 seat-model="seats[3]" direction="left"></seat-type1>
        <seat-type1 seat-model="seats[8]" direction="right"></seat-type1>
    </seat-row-type1>
    <seat-row-type1>
        <seat-type1 seat-model="seats[2]" direction="left"></seat-type1>
        <seat-type1 seat-model="seats[7]" direction="right"></seat-type1>
    </seat-row-type1>
    <seat-row-type1>
        <seat-type1 seat-model="seats[1]" direction="left"></seat-type1>
        <seat-type1 seat-model="seats[6]" direction="right"></seat-type1>
    </seat-row-type1>
    <seat-row-type1>
        <seat-type1 seat-model="seats[0]" direction="left"></seat-type1>
        <seat-type1 seat-model="seats[5]" direction="right"></seat-type1>
    </seat-row-type1>
</seat-block-type1>

<seat-block-type1 x="350px" y="20px">
    <seat-row-type1>
        <seat-type1 seat-model="seats[14]" direction="left"></seat-type1>
    </seat-row-type1>
    <seat-row-type1>
        <seat-type1 seat-model="seats[13]" direction="left"></seat-type1>
    </seat-row-type1>
    <seat-row-type1>
        <seat-type1 seat-model="seats[12]" direction="left"></seat-type1>
    </seat-row-type1>
    <seat-row-type1>
        <seat-type1 seat-model="seats[11]" direction="left"></seat-type1>
    </seat-row-type1>
    <seat-row-type1>
        <seat-type1 seat-model="seats[10]" direction="left"></seat-type1>
    </seat-row-type1>
</seat-block-type1>
</room-type1>